﻿@page "/"

@*<div>原生态的数据绑定</div>

<ul>
    <li>@@bind 即对 <code>Value</code> 的绑定</li>
    <li>@@bind 默认使用 @@onchange 事件，我们无法显示使用</li>
    <li>@@bind 可更改默认事件以及进行格式化等处理</li>
</ul>*@

<h3>Page</h3>
<p>
    <input @bind="inputValue1" />
</p>

<p>
    <input value="@InputValue2" @onchange="@((ChangeEventArgs __e) => InputValue2 = __e.Value.ToString())" />
</p>

<p>
    <input @bind="InputValue3" @bind:event="oninput" />
</p>

<ul>
    <li><code>inputValue1</code>: @inputValue1</li>
    <li><code>InputValue2</code>: @InputValue2</li>
    <li><code>InputValue3</code>: @InputValue3</li>
</ul>

@code {
    private string inputValue1;

    private string InputValue2 { get; set; }

    private string InputValue3 { get; set; }
}